/**
 * Months css file. Holds css styles that are applied
 * throughout all the app's months.
 * @see: http://code.google.com/docreader/#p=google-web-toolkit-incubator&s=google-web-toolkit-incubator&t=CssResource
 */

@def fontSize 11px;
@def lineHeight 20px;
@def monthCellPadTopPx 1px;
@def monthCellBorderLeftPx 1px;
@def monthCellTitleBorderTopPx 1px;

/**
 * Month classes
 */
 
.monthRow {
  left: 0;
  overflow: hidden;
  width: 100%;
  
  font-size: fontSize;
  line-height: lineHeight;
}

.monthRowTable {
  width: 100%;
  table-layout: fixed;
  background: defaultBg;
  border-right: monthCellBorderLeftPx solid blued;
}

.monthCell {
  padding: monthCellPadTopPx 1px 0 0;/*2px;*/
  border-left: monthCellBorderLeftPx solid blued;
}

.monthCellTitle, .monthCellTitleNoMonth {
  border-top: monthCellTitleBorderTopPx solid blued;
  text-align: right;
  padding-right: 0;/*2px;*/
  overflow: hidden;
}

.monthCellTitle {
  background-color: blued;
  color: darked;
}

.monthCellTitleNoMonth {
  background-color: lightGreyed;
  color: greyed;
}
